<template>
	<div id="search" class="_page">
		<form class="search-box">
			<div class="logobox fl text-center" @click="$router.go(-1)">
				<span class="iconfont icon-backer"></span>
			</div>
			<div class="inputbox fl">
				<input type="text" placeholder="请输入商品名称">
			</div>
			<div class="myselflogin fr text-center">
				<span class="iconfont icon-sousuo-copy"></span>
			</div>
		</form>
		<div class="hotsearch">
			<p>热门搜索</p>
			<img src="../../assets/image/60c89ea361bed3a7edaf73b3b6663608.jpg" alt="" class="width_img">
			<ul>
				<li v-for="(item , index) in hotsearchList" class="fl hotitem">{{ item }}</li>
			</ul>
		</div>
	</div>
</template>

<script>
	export default{
		name:"search",
		data(){
			return{
				hotsearchList:["小米耳机","小米音箱","电视机","红米","24寸","雷军","这是一张简历","年轻人","勤奋好学","准备好了吗 ？",]
			}
		}
	}
</script>

 <style scoped>
	.search-box{
		line-height: 50px;
		background-color: #f1f1f1;
	}
	.inputbox{
		margin-top: 10px;
		line-height: 30px;
		background-color: #fff;
		box-sizing: border-box;
	}
	.logobox{
		color: #666;
		font-size: 22px;
	}
	.hotsearch p{
		font-size: 14px;
		padding: 10px;
	}
	.hotitem{
		border: 1px solid #ccc;
		background-color: #FFF9F8;
		padding: 5px 10px;
		margin : 10px 0 0 10px;
		font-size: 14px;
		color: #666;
	}
 </style>